.banner {
	position: relative;
	.circle {
		width: 291px;
		height: 291px;
		left: 50%;
		top: 50px;
		margin-left: -145px;
		position: absolute;
		background: rgba(3,3,3,0.4);
		border-radius: 50%;
		text-align: center;
		display: table;
		>div {
			font-size: 28px;
			color: #fff;
			display: table-cell;
			vertical-align: middle;
		}
	}
}
#reserve-modal {
	color: #818181;
	.modal-content {
		width: 735px;
	}
	div.modal-header {
		text-align: center;
		border-bottom: none;
		div {
			margin-top: 25px;
		}
		span,i {
			display: inline-block;
		}
		span {
			width: 70px;
			height: 12px;
			vertical-align: text-bottom;
			border-top: 1px solid #ddd;
		}
		i {
			font-size: 18px;
			margin: 0 30px;
		}
	}
	div.modal-body {
		padding: 20px 25px;
		overflow: hidden;
		>p:first-of-type {
			font-size: 16px;
		}
		>p:nth-of-type(2){
			font-size: 22px;
			color: #2577e3;
			margin: 4px 0 15px 0;
		}
		div.reserve-date {
			width: 140px;
			float: left;
			margin-bottom: 10px;
			p.addDate {
				margin-top: 6px;
				width: 135px;
				input {
					font-size: 14px;
					width: 85px;
				}
				span.input-group-addon {
					padding-top: 4px;
					padding-left: 20px;
					background: none;
					border: none;
				}
				i.iconfont {
					color: #2577E3;
				}
			}
		}
		div.back-date {
			float: left;
			margin-left: 30px;
			p {
				margin-top: 6px;
				font-size: 14px;
			}
		}
		div.count {
			clear: both;
			margin-top: 18px;
			border-top: 1px solid #bfbfbf;
			padding: 16px 0 ;
			div.count-select {
				overflow: hidden;
				margin-bottom: 16px;
				p {
					margin-top: 3px;
					margin-right: 20px;
					float: left;
				}
			}
		}
		div.block {
			padding-top: 18px;
			padding-bottom: 20px;
			border-bottom: 1px solid #bfbfbf;;
			p.city {
				margin-top: 8px;
				color: #000;
			}
		}
		div.other-info {
			textarea {
				margin-top: 8px;
				width: 100%;
				height: 120px;
			}
		}
		a.next-btn {
			width: 315px;
			height: 38px;
			line-height: 38px;
			background: #2577e3;
			font-size: 18px;
			color: #fff;
			display: block;
			margin: 14px auto 0;
			text-align: center;
		}
	}
}
.main {
	.main-title {
		padding: 35px 0 ;
		h3 {
			float: left;
			font-size: 24px;
		}
		p {
			float: right;

		}
	}
	.main-list {
		padding-top: 30px;
		overflow: hidden;
		>div.fr, >div.fl {
			width: 570px;
			height: 460px;
			border: 1px solid #e2e2e3;
			padding: 34px 31px 24px;
			margin-top: 60px;
			&:first-of-type, &:nth-of-type(2) {
				margin-top: 0
			}
			img {
				width: 100%;
				height: 257px;
			}
			h3 {
				padding: 10px 0;
				font-size: 20px;
			}
			span {
				font-size: 15px;
				color: #9fa0a0;
			}
			p {
				padding-top: 15px;
				font-size: 15px;
				color: #595757;
				position: relative;
				a {
					position: absolute;
					right: 0;
					bottom: -4px;
					color: #2577e3;
					font-size: 15px;
				}
			}
		}
	}
}
.paginations {
	margin-bottom: 74px;
}
.content_head{
	background:#ececec;
	overflow: hidden;
	height:160px;
	border-top:1px solid #d1d1d1;
	.content_con{
		width:1200px;
		margin:0 auto;
		margin-top:65px;
        h3{
			font-size: 34px;
		    font-weight: 600;
		}
	    h4{
			padding-top:12px;
			padding-left: 15px;
			font-size: 18px;
		}
	}
}
.content{
	width:1200px;
	margin:0 auto;
	margin-top:42px;
	
	.content_header{
		width:100%;
		border: 1px solid #dedede;
		height:512px;
		padding: 18px;
		.content_left{
			float:left;
			.swiper1{
				width:886px;
				height:474px;
				float: left;
				.pagination1 {
				right: 10px;
				text-align: right;
				padding-right: 11px;
				span {
					border-radius: 0;
				}
				}
			}

		}
		.content_right{
			box-sizing: border-box;
			width:252px;
			float: right;
			.right_content{
				border: 1px solid #dedede;
				padding: 18px;
				padding-bottom: 30px;
				>div.price-contain {
					position: relative;
					.price-detail {
						display: none;
						width: 180px;
						height: 154px;
						padding: 15px 10px;
						border: 1px solid #dedede;
						position: absolute;
						left: 64px;
						top: 30px;
						line-height: 20px;
						font-size: 12px;
						box-shadow: 2px 2px 0 1px #ebebeb;
						background: #fff;	
					}
				}
				>div{
					
					h5{
                      	height:30px;
						line-height: 30px;
						color:#464646;
						display: inline-block;
						border-bottom: 1px solid #848484;
						font-weight: 600;
					}
					em{
						color:#696969;
					}
					p{
						margin-top: 12px;
    					font-size: 16px;
    					margin-bottom: 8px;
						span{
							color:#2152cb;
							em{
								font-size: 30px;
								font-weight: 600;
								color:#2577e3;
							}
						}
					}
					button{
						width:200px;
						height:40px;
						margin-top: 10px;
						border: 2px solid #b5b5b6;
						border-radius: 20px;
						font-size: 18px;
						color:#fff;
						text-align: center;
						background:#2377f1;
					}
				}

			}
			.right_bot{
				h6{
					margin:10px 0 13px 0;
				}
				ul{
					li{
						width:29%;
						float:left;
						margin-right:10px;
						background: #c0c0c0;
						height:20px;
						line-height: 20px;
						text-align: center;
						margin-bottom: 8px;
						color:#fff;
					}
				}
			}
		}
	}
	.product{
		padding: 20px 18px;
		border: 1px solid #dedede;
		i{
			display: inline-block;
			width: 24px;
			height: 26px;
			position: relative;
			top: 4px;
			margin-right: 7px;
		}
		margin-top:20px;
		.product_haed {
			h2{
				font-size: 24px;
				
				padding-bottom: 16px;
				color:#727171;
				border-bottom: 1px solid #9c9c9c;
				.my_icon{
					background: url(../images/icons/star.jpg) center no-repeat;
				}
				.my_icon_detail {
					background: url(../images/icons/flag.jpg) center no-repeat;
				}
				.my_icon_holtel {
					background: url(../images/icons/hotel-detail.jpg) center no-repeat;
				}
				.my_icon_price {
					background: url(../images/icons/price.jpg) center no-repeat;
				}
				.my_icon_describe {
					background: url(../images/icons/describe.jpg) center no-repeat;
				}
				.my_icon_notice {
					background: url(../images/icons/notice.jpg) center no-repeat;
				}
				.my_icon_info {
					background: url(../images/icons/info.jpg) center no-repeat;
				}
				.my_icon_describe {
					background: url(../images/icons/describe.jpg) center no-repeat;					
				}
			}
		}
			.product_foot{
				overflow: hidden;
				h4{
					color:#2577e3;
					margin:14px 0;
					font-size: 18px;
				}
				P{
					line-height: 30px;
				}
			}
	}
	.prod{
		margin-top:20px;

		.product_haed{
			margin-bottom: 22px;
			.my_icon1{
				background: url(../images/icons/plane.jpg) center no-repeat;
			}
		}
		.prod_list{
			li{
				margin-bottom: 25px;
				&:last-of-type {
					margin-bottom: 0;
				}
				i{
					float:left;
				}
				span{
					display: inline-block;
					margin-bottom: 0px;
					height: 30px;
					line-height: 30px;
				}
				ul{
					display: inline-block;
					width:97%;
					li{
						float: left;
						margin-bottom: 0px;
						height: 30px;
						line-height: 30px;
					}
				}

             .my_icon2{
				 background: url(../images/icons/platform.jpg) center no-repeat;
			 }
			 .my_icon3{
				 background: url(../images/icons/takeoff.jpg) center no-repeat;
			 }
			 .my_icon4{
				 background: url(../images/icons/arrive.jpg) center no-repeat;
			 }
			}
		}

	}
	.nav{
		padding: 20px 18px;
		border: 1px solid #dedede;
		.product_haed {
			overflow: hidden;
			div.print {
				width: 70px;
				height: 24px;
				background: #969697;
				text-align: center;
				line-height: 24px;
				color: white;
				float: right;
				cursor: pointer;
				font-size: 14px;
				&:hover {
					background: #2577e3;
				}
			}
		}
		.nav_content{
			padding-top:18px;
			.nav_left{
				ul{
					width:80px;
					float:left;
					li{
						width:80px;
						height:30px;
						line-height: 30px;
						text-align: center;
						color:#b0b0b0;
						background:#ececec;
						margin-bottom: 10px;
						&.active {
							background-color: #2577e3;
							a {
								color: #fff;
							}
						}
						a{
							color:#b0b0b0;
						}
					}
				}
			}
			.nav_right{
				border-left: 1px solid #617494;
				padding-left: 40px;
				float:right;
				width:1038px;
				.icon_day1,.icon_day2,.icon_day3 {
				    text-align: center;
    				font-size: 12px;
    				line-height: 33px;
    				color: #fff;
					width: 34px;
					height: 40px;
					margin-left: -4px;
					background: url(../images/icons/day.jpg) center no-repeat;
				}
				.icon_traffic {
					background: url(../images/icons/fly.jpg) center no-repeat;
				}
				.icon_dinner {
					background: url(../images/icons/chazi.jpg) center no-repeat;
				}
				.icon_stay {
					background: url(../images/icons/home.jpg) center no-repeat;
				}
				.icon_action {
					background: url(../images/icons/photo.jpg) center no-repeat;
				}
				ul{
					li{
						position: relative;

						i{
							display: inline-block;
							width: 24px;
							height: 26px;
							left: -53px;
							top: -2px;
							position: absolute;
						}
						.nav_icon1{
							background: url(../images/D2.png) center no-repeat;
							width: 36px;
							height: 40px;
							top: 0px;
						}
						h3{
							font-size: 16px;
							font-weight: bold;
							position: relative;
							line-height: 40px;
							margin-bottom: 20px;
						}
						.pic_no{
                           margin-bottom: 10px;
						}
						p{
							position: relative;
							margin-bottom: 28px;
							span{
								font-weight: bold;
							}
							.nav_icon2{
								background: url(../images/plane.png) center no-repeat;
								width: 24px;
								height: 26px;
								top: -2px;
								left: -47px;
							}
						}
						.pic{
							li{
								display: inline-block;
								margin-right:10px;
								p{
									color:#000;
									text-align: center;
									margin-top:12px;
								}
							}
						}
					}
				}
			}
		}
	}
	.info{
		overflow: hidden;
		.product_aside{
			ul {
				overflow: hidden;
    			float: right;
    			width: 500px;
    			li {
    				a {
    					background:#969697;
    				}
    				&.active {
    					a {
    						background:#2577e3;
    					}
    				}
    			}
			}
			a{
				display: inline-block;
				float:right;
				padding:3px 10px;
				line-height: 18px;
				font-weight: normal;
				color:#fff;
				margin-right:5px;
				margin-top: 10px;
				font-size: 14px;
				
			}
		}
		.aside_content{
			padding-top:20px;
			.swiper-container.swiper-day1,.swiper-container.swiper-day2,.swiper-container.swiper-day3 {
				width: 500px;
				float: left;
				height: 446px;
				.pagination-day1, .pagination-day2, .pagination-day3 {
					bottom: 5px;
					span {
						border-radius: 0;
					}
				}
			}
			.aside_right{
				width:620px;
				float:right;
				h2{
					font-size: 24px;
					color:#2577e3;
					margin-bottom: 30px;
				}
				p{
                  height: 24px;
				  line-height: 24px;
				  span {
				  	color: #2577e3;
				  }
				}
				div{
					margin-top:30px;
				}
			}
		}
	}
	.describe {
		.describe-block {
			color: #3c3c3c;
			overflow: hidden;
			margin-top: 20px; 
			.left {
				width: 110px;
				font-weight: bold;
				float: left;
				font-size: 16px;
			}
			.right {
				width: 1000px;
				float: left;
				line-height: 24px;
			}
		}
	}
	.order {
		.ex {
		color: #3c3c3c;	
		line-height: 24px;
		}
	}
	.calendar {
		.productDetails .priceCalendar .contentWrapper {
    padding-top: 18px;
    padding-bottom: 30px;
  }

  .productDetails .priceCalendar .priceCalendarInnerWrapper {
    margin-top: 18px;
  }

  .productDetails .priceCalendar .calendar {
  	border: 1px solid #dedede;
    float: left;
    width: 740px;
    height: 520px;
    padding: 15px 35px 40px 30px;
    background: #fff;
  }
  
  .productDetails .priceCalendar .calendar .month, .productDetails .priceCalendar .calendar .buttons {
    float: left;
  }

  .productDetails .priceCalendar .calendar .month {
    margin-right: 20px;
    font-size: 18px;
    color: #231815;
  }

  .productDetails .priceCalendar .calendar .buttons button {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    border-radius: 14px;
    border: transparent;
    font-size: 1.4em;
    text-align: center;
    background-color: #808080;
    color: #fff;
  }

  .productDetails .priceCalendar .calendar .buttons button:hover {
    background-color: #3789f5;
  }

  .productDetails .priceCalendar .calendar table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .productDetails .priceCalendar .calendar table caption {
    margin-bottom: 15px;
  }

  .productDetails .priceCalendar .calendar table th, .productDetails .priceCalendar .calendar table td {
    width: 99px;
  }

  .productDetails .priceCalendar .calendar table th {
    padding-bottom: 7px;
    border: none;
    color: #969697;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
  }

  .productDetails .priceCalendar .calendar table td {
    position: relative;
    height: 80px;
    border: 1px solid #d3d4d4;
  }

  .productDetails .priceCalendar .calendar table td.selected, .productDetails .priceCalendar .calendar table td:hover {
    background-color: #efefef;
  }

  .productDetails .priceCalendar .calendar table td.selectable {
    cursor: pointer;
  }

  .productDetails .priceCalendar .calendar .day {
    padding: 8px 10px;
    font-size: 1.6em;
    color: #969697;
  }

  .productDetails .priceCalendar .calendar .price {
    position: absolute;
    left: 8px;
    bottom: 10px;
    font-size: 1.3em;
    color: #3789f5;
  }

  .productDetails .priceCalendar .calendar .status .mark {
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    min-width: 56px;
    height: 18px;
    overflow: hidden;
    padding-left: 9px;
    background: transparent url("../images/icons/bg-mark-confirmNow.png") no-repeat 0 2px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
  }

  .productDetails .priceCalendar .calendar .calendarActive:hover .description {
    display: block;
  }

  .productDetails .priceCalendar .calendar .status.sellout .mark {
    width: 52px;
    cursor:default;
    background-image: url("../images/icons/bg-mark-sellout.png");
    line-height:14px;
  }

  .productDetails .priceCalendar .calendar .status .description {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 200;
    display: none;
    width: 176px;
    height: auto;
    margin-top: -56px;
    margin-left: 8px;
    padding: 10px 10px;
    border: 1px solid #3789f5;
    background: #fff;
    color: #231815;
    font-size: 1.2em;
    line-height: 20px;
  }
  .productDetails .priceCalendar .calendar .status .description p{
    font-size:12px;
  }
  .productDetails .priceCalendar .calendar .status .description span {
    color: #3789f5;
  }

  .productDetails .priceCalendar .calendar .status .description:before {
    position: absolute;
    top: 50%;
    left: -10px;
    display: inline-block;
    width: 10px;
    height: 16px;
    margin-top: -4px;
    background: url("../images/icons/icon-left-triangle.png") no-repeat;
    content: '';
  }

  .productDetails .priceCalendar .bookingProcedure {
    position: relative;
    float: right;
    width: 390px;
    height: 520px;
    padding: 20px 0;
    background-color: #969697;
  }

  .ie7 .productDetails .priceCalendar .bookingProcedure {
    height: 570px;
  }

  .productDetails .priceCalendar .bookingProcedure h4 {
    display: inline-block;
    width: 175px;
    height: 35px;
    overflow: hidden;
    padding: 6px 33px 6px 15px;
    background: transparent url("../images/icons/bg-booking-procedure.png") no-repeat;
    font-size: 20px;
    color: #fff;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingFAQ {
    position: absolute;
    top: 30px;
    right: 15px;
    padding-right: 33px;
    background: transparent url("../images/icons/icon-tooltip.png") no-repeat 100% center;
    font-size: 1.4em;
    color: #fff;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline {
    padding: 30px 14px 15px;
    list-style: none;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li {
    padding-bottom: 10px;
    background: url("../images/icons/booking-step-shadow.png") no-repeat 0 100%;
    height: 50px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li p {
    display: block;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    font-size: 15px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li p span {
    display: inline-block;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo {
    display: inline-block;
    width: 26px;
    height: 20px;
    margin-right: 30px;
    background-repeat: no-repeat;
      background-image: url("../images/icons/icon-booking-steps-bullets.png");
    text-indent: -9999px;
    vertical-align: middle;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step1 {
    background-position: 0 0;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step2 {
    background-position: 0 -52px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step3 {
    background-position: 0 -104px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step4 {
    background-position: 0 -156px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step5 {
    background-position: 0 -208px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step6 {
    background-position: 0 -260px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepNo.step7 {
    background-position: 0 -312px;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon {
    width: 60px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 100% center;
    vertical-align: middle;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.dateAndCount {
    background-image: url("../images/icons/icon-booking-step-dateAndCount.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.startBooking {
    background-image: url("../images/icons/icon-booking-step-2.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.submitInformation {
    background-image: url("../images/icons/icon-booking-step-3.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.waitingForConfirmation {
    background-image: url("../images/icons/icon-booking-step-4.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.signAndPay {
    background-image: url("../images/icons/icon-booking-step-5.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.bookingSucceed {
    background-image: url("../images/icons/icon-booking-step-6.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepIcon.startJourney {
    background-image: url("../images/icons/icon-booking-step-7.png");
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .stepText {
    padding: 0 10px;
    vertical-align: middle;
  }

  .productDetails .priceCalendar .bookingProcedure .bookingGuideline li .arrowDown {
    width: 25px;
    height: 10px;
    margin-left: 35px;
    background: url("../images/icons/icon-booking-step-arrowDown.png") no-repeat;
    vertical-align: middle;
  }

  .productDetails .priceCalendar .bookingProcedure .actions {
    text-align: center;
    button {
    	width: 200px;
    	height: 43px;
    	line-height: 37px;
    	border-radius: 20px;
    	border: 2px solid #b5b5b6;
    	background: #2577e3;
    	color: #fff;
    	font-size: 18px;
    	display: inline-block;;
    }
  }
	}
	.ex{
		padding-top:30px;
		p{
			line-height: 24px;
		}
	}
	.Cert{
		.Cert_head{
			margin:20px 0 34px 0;
		}
		.Cert_head2{
			margin-bottom: 34px;
		}
		div{
			margin-bottom: 32px;
			p{
				line-height: 25px;
			}
		}
	}
}
.back{
	background:#1f80cf !important;
	a{
		color:#fff !important;
	}
}

.product-nav.affix {
	bottom: 0;
    right: 0;
    z-index: 150;
    width: 100%;
}
.product-nav {
	padding: 10px 0 5px;
    background-color: #2577e3;
    .contentWrapper {
	    width: 1200px;
	    max-width: 1200px;
	    margin: 0 auto;
	    .navLinks {
	    	float: left;
	    	li {
	    	    display: inline-block;
    			padding-right: 5px;
    			padding-left: 5px;
    			&.active {
    				a {
    				    padding-bottom: 5px;
    					border-bottom: 5px solid #fff;
    				}
    			}
    			a {
    				color: #fff;
    			    padding: 0 15px;
    				display: block;
    				font-size: 16px;
    				&:active, &:focus {
    					background-color: #2577e3;
    				}
    				&:hover {
    					background-color: #2577e3;
    					 padding-bottom: 5px;
    					border-bottom: 5px solid #fff;
    				}
    			}
	    	}
	    }
	    .order-now {
	    	float: right;
	    	margin-right: 92px;
	    	width: 113px;
	    	height: 35px;
	    	font-size: 16px;
	    	border: 2px solid #c9c9c9;
	    	background: #fff;
	    	color: #2577e3;
	    	line-height: 31px;
	    	text-align: center;
	    	border-radius: 10px;

	    }
	     .navLinks li ~ li {
    		border-left: 1px solid #fff;
    		}
    	}
}




















